<template>
  <div class="device-gatway-Tabs">
    <!-- tab切换 -->
    <el-tabs class="mt-10" type="border-card" @tab-change="changeTab">
      <el-tab-pane name="all" label="所有设备"></el-tab-pane>
      <el-tab-pane name="LoRaWAN" label="LoRaWAN"></el-tab-pane>
      <el-tab-pane name="LoRaPP" label="LoRaPP"></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup>
import { ref } from "vue";
import * as api from "../../../api/index";
//tab切换
const emit = defineEmits("tab-change");
const changeTab = (name) => {
  emit("tab-change", name);
};
</script>
<style lang="less">
.device-gatway-Tabs {
  .el-tabs--border-card > .el-tabs__content {
    padding: none;
  }
  .el-tabs__nav-scroll {
    border-bottom:none;
  }
}
</style>